<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .parent {
            display: flex;
            width: 500px;
            height: 500px;
            outline: 2px dotted;
            background-color: #fff;
            flex-wrap: wrap;
        }
        .item {
            background: orange;
            border: 1px solid #333;
        }
        .item img {
            max-width: 100%;
            object-fit: contain;
        }
    </style>
    <script src="./demo.js"></script>
</head>
<body>
    <br><br>
    <form action="#" onsubmit="return false;">
        <label for=""><input type="radio" name="option" value="stretch" data-attr="alignContent">stretch</label>
        <label for=""><input type="radio" name="option" value="flex-start" data-attr="alignContent">flex-start</label>
        <label for=""><input type="radio" name="option" value="flex-end" data-attr="alignContent">flex-end</label>
        <label for=""><input type="radio" name="option" value="center" data-attr="alignContent">center</label>
        <label for=""><input type="radio" name="option" value="space-between" data-attr="alignContent">space-between</label>
        <label for=""><input type="radio" name="option" value="space-around" data-attr="alignContent">space-around</label>
        <label for=""><input type="radio" name="option" value="space-evenly" data-attr="alignContent">space-evenly</label>
    </form>
    <br>
    <div class="parent">
        <div class="item">
            <img src="./images/01.jpeg" alt="">
        </div>
        <div class="item">
            <img src="./images/02.jpeg" alt="">
        </div>
        <div class="item">
            <img src="./images/03.jpeg" alt="">
        </div>
        <div class="item">
            <img src="./images/04.jpeg" alt="">
        </div>
        <div class="item">
            <img src="./images/05.jpeg" alt="">
        </div>
        <div class="item">
            <img src="./images/06.jpeg" alt="">
        </div>
    </div>
</body>
</html>